<!DOCTYPE html>
<html>
 <head>
	<meta charset="UTF-8">
	<title>Feedback</title>
	<link rel="stylesheet" href="../../public/css/common.css"/>
	<link rel="stylesheet" href="../../../common/components/wddialog/css/wddialog.css" >
	<link rel="stylesheet" href="../../css/yjfk.css"/>
</head>
<body>
<div class="hp-right">
	<div class="hp-right-part">
		<h3 class="hp-right-title">Category</h3>
		<div class="hp-yjfk-lb hp-yjfk-lbt">
		    <p id="wtlxbox">
				<i class="active" onclick="selectWtlx(this,'00')" title="Function design">Function design</i>
				<i onclick="selectWtlx(this,'01')" title="Program error">Program error</i>
				<i onclick="selectWtlx(this,'02')" title="Course content">Course content</i>
			</p>
			<p>Select the type of feedback by clicking.</p>
		</div>
	</div>
	<div class="hp-right-part">
	    <h3 class="hp-right-title">Comment Title：<input type="text" id="bt" autocomplete="off" placeholder="Please enter the comment title, within 30 words" maxlength="30"></h3>
	    <p class="tit_err red" id="tit_err"></p>
	</div>
	<div class="hp-right-part">
		<h3 class="hp-right-title">Content</h3>
		<div class="hp-yjfk-nr">
			<script id="wtnr" name="wtnr" type="text/plain"></script>
			<p>Please elaborate your feedback as much as possible which we are looking forward very much.</p>
		</div>
	</div>
	<div class="hp-right-part">
		<input type="button" class="hp-yjfk-submit" value="Submit" >
	</div>
	<div class="hp-right-part" id="yjHistory">
	</div>
</div>

<script type="text/javascript" src="../../public/components/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="../../public/components/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="../../public/components/jquery-1.10.2.min.js"></script>
<script src="../../../common/components/ractive-legacy.js"></script>
<script src="../../public/js/constants.js"></script>
<script src="../../public/components/wddialog/wddialog.js"></script>
<script src="../../../common/components/storejson2.min.js"></script>
<script src="../../../common/js/jquery.i18n.properties.js"></script>
<script src="../../public/js/index.js"></script>
<script src="../../public/js/loginCheck.js"></script>
<script src="../../js/fwt/yjfk.js"></script>
<!-- type="text/ractive" id="xq-template" -->
<script type="text/ractive" id="yjfk-template" >
<div class="hp-yjfk-fkls">
	<h3>Total<i class="col-fbb">{{size}}</i>historical feedback information</h3>
	{{#each historyList}}
	<div class="hp-yjfk-item">

	    <div class="hp-yjfk-fkr">
	        <img src="{{yhtx}}"  onerror="imgerror(this)">
	        <h4>I</h4>
	        <h5>posted on<span>{{tcsjFormat}}</span></h5>
	    </div>
	    <div class="hp-yjfk-fknr">{{{wtnr}}}</div>
	    <div class="hp-yjfk-lb">
	        <i>{{wtlxDesc}}</i>
	    </div>
        <!-- 回复  -->
        {{#if wtzt == '0'}}
	    <div class="hp-yjfk-fkhf">
	        <a href="javascript:void(0)" class="ckhf" onclick="toggle(this)"><img src="../../img/u302.png" ><span>View reply</span></a>
	        <div class="hp-yjfk-hfnr">
	            <div class="hp-yjfk-fkr">
	                <h4>{{fkrmc}}<span>posted on</span><span>{{fksjFormat}}</span></h4>
	            </div>
	            <p class="hp-yjfk-hf"><span class="col-fbb">Reply</span><span class="cor-46a">{{tcrmc}}</span></p>
				<p class="hp-yjfk-hf">{{{fknr}}}</p>
	        </div>
	    </div>
        {{else}}
        <div class="hp-yjfk-whf"></div>
	    {{/if}}

	</div>
	{{/each}}
</div>
</script>
</body>
</html>